<template>
  <!--删除按钮对话框-->
  <el-dialog
    :title="this.DeleteTipsData.title"
    class="mini"
    :visible.sync="DeleteTipsData.deleteDialog"
  >
    <div class="box-card" style="padding: 0">
      <div class="text item">
        <div class="dialogDody">请确定是否删除？</div>
      </div>
      <div class="btu">
        <el-button size="medium" @click="DeleteTipsData.deleteDialog = false"
          >取消</el-button
        >
        <el-button size="medium" type="danger" plain @click="deleteButton">确定</el-button>
      </div>
    </div>
  </el-dialog>
</template>

<script>
export default {
  props: ['DeleteTipsData'],
  data() {
    return {}
  },
  methods: {
    deleteButton() {
      console.log(this.DeleteTipsData, 'DeleteTipsData')
      this.DeleteTipsData.deleteDialog = false
      this.$emit('pushDeleteTipsData', {
        type: this.DeleteTipsData.type,
        row: this.DeleteTipsData.row
      })
    }
  }
}
</script>

<style scoped lang='scss'>
.dialogDody {
  border: #ffe53c solid 1px;
  padding: 20px;
  border-radius: 10px;
  background-color: #fffbcf;
  width: 90vw;
}

.btu {
  width: 100%;
  text-align: right;
  margin: 0 auto;
  color: red;
  margin-top: 30px;
}

.deleteError {
  font-size: 12px;
  color: red;
}
</style>